<template>
  <el-dialog v-model="isShow" draggable style="background-color: rgba(0,0,0,0);box-shadow: 0px 0px 0px #ccc;">
    <template #header>
    </template>
    <div class="content">
      <user-card v-if="isShow" @done="done" />
    </div>
    <template #footer>
    </template>
  </el-dialog>
</template>

<script>
import { ref } from 'vue'
import UserCard from '../fun_mod/UserCard.vue'
export default {
  components: {
    UserCard,
  },
  setup(props, ctx) {
    let isShow = ref(false)
    function open() {
      isShow.value = true
    }
    function close() {
      isShow.value = false
    }
    function done(e) {
      ctx.emit("done", e);
    }
    return {
      isShow,open,close,done
    }
  }
}
</script>

<style lang="scss" scoped>
.content{
  min-width: 360px;
  padding: 30px;
  border:1px dotted #eee;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 333;
  background-color: #fff;
}
</style>